<script setup>

  const props = defineProps(['data'])
  const data = props.data
</script>

<template>
  <span class="fwTitle">能力范围</span>
  <div class="menu">
    <nav class="nav flex-column">
      <router-link :to="item.path" v-for="item in data">
        <li class="nav-link">{{ item.title }}</li>
      </router-link>
    </nav>
  </div>

</template>

<style scoped>
 .fwTitle{
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 50px;
 }
 .menu{
   margin-top: 30px;
 }
 .flex-column{
   font-size: 18px;
 }
</style>